<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>实现百度图片页面</title>
    <style>
        li{
            display: inline;
        }
        ul{
            text-align: right;
        }
        body{

            background-color: pink;

        }
        img{
            width:195px;
            height:171px;
            margin-top:20px;
        }
        #tu{
            text-align: center;
            font-family: "Arial Rounded MT Bold";
            font-size:50px;
            color: #ffffff;
        }
        a{
            color: white;
        }
        #fh{
            color: white;
        }
       p{
           color: white;
           text-align: center;
       }
        address{
            color: white;
            text-align: center;
        }
    </style>
</head>
<body>
<table>
    <tr>
        <ul>
            <li><a href="#">网页</a></li>
            <li><a href="#">新闻</a></li>
            <li><a href="#">贴吧</a></li>
            <li><a href="#">知道</a></li>
            <li><a href="#">音乐</a></li>
            <li><a href="#">图片</a></li>
            <li><a href="#">视频</a></li>
            <li><a href="#">地图</a></li>
            <li><a href="#">文库</a></li>
            <li id="fh">|</li>
            <li><a href="#">百度首页</a></li>
            <li><a href="#">登录</a></li>
            <li><a href="#">注册</a></li>
            <li><a href="#">收藏本页</a></li>
        </ul>
    </tr>
    <tr>

            <p id="tu">Baidu图片</p>

    </tr>
    <tr>
        <td>
            <input type="text" >
        </td>

    </tr>

<tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td><img src="images/chongzi.jpg"></td>
    <td><img src="images/xiaotu.jpg"></td>
    <td><img src="images/duorou.jpg"></td>
    <td><img src="images/haibian.jpg"></td>
    <td><img src="images/hua.jpg"></td>
</tr>
   <tr>
       <td></td>
       <td></td>
       <td></td>
       <td></td>
       <td></td>
       <td></td>
       <td></td>
       <td><img src="images/xiaohai.jpg"></td>
       <td><img src="images/ppt.jpg"></td>
       <td><img src="images/tuzi.jpg"></td>
       <td><img src="images/timg.jpg"></td>
       <td><img src="images/xiaoqingxin.png"></td>
   </tr>
<tr>
    <td>
        <p>|背景图片来源：胡亦鸣（云漫）</p>
        <address>&copy;Baidu使用百度前必读|高级搜索|帮助</address>
    </td>
</tr>
</table>
</body>
</html>
